/*
 * Copyright 2016 Crown Copyright
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body,table td,select {
	font-family: Roboto, arial, tahoma, verdana, sans-serif;
	font-size: 13px;
	font-weight: 400;
	
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.gwt-Button {
	margin: 0;
	padding: 2px 4px;
	width: 100px;
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
	
/* 	background-image: linear-gradient(#60a1f0, #4a90e4 8px); */
/* 	background: #4a90e4; */
/* 	border-radius: 5px; */
/* 	border: 1px outset #ccc; */
/* 	white-space: nowrap; */
	
/* 	border: 1px solid #aaa; */
	border: 1px solid #918e8c;
	border-radius: 6px;
/* 	background-image: none; */
/* 	background-color: #f8fafd; */
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
	white-space: nowrap;
	
	
	background-image: linear-gradient(#ffffff 0px, #fbfbfa 10px, #f6f5f5 0px, #e9e7e6);
	background-color: #f6f5f5;
	border-color: #918e8c;
}
.gwt-Button:active {
	border: 1px solid #5b7aa1 !important;
/* 	border-color: #4a90e4 !important; */
/* 	background-color: white !important; */
	
	background-image: linear-gradient(#c8c9cb 0px, #c8cacd 10px, #c2c6c8 0px, #b5b7ba) !important;
	background-color: #c2c6c8 !important;
	border-color: #5b7aa1 !important;
}
.gwt-Button:hover {
/* 	border-color: #aaa; */
/* 	background-color: white; */
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	
	background-image: linear-gradient(#ffffff 0px, #ffffff 10px, #fafafa 0px, #edeceb);
	background-color: #fafafa;
	border-color: #918e8c;
}
.gwt-Button[disabled] {
  cursor: default;
  color: #888;
}
.gwt-Button[disabled]:hover {
	border: 1px solid #aaa;
}

.gwt-CheckBox {
	vertical-align: top;
}

.gwt-CheckBox-disabled {
	vertical-align: top;
	color: #888;
}

.gwt-DialogBox .Caption {
	background: #e3e8f3 url(../images/hborder.png) repeat-x 0px -2003px;
	padding: 4px 4px 4px 8px;
	cursor: default;
	border-bottom: 1px solid #bbbbbb;
	border-top: 5px solid #d0e4f6;
	font-weight: 500;
}

.gwt-DialogBox .dialogContent {
	
}

.gwt-DialogBox .dialogMiddleCenter {
	padding: 0px;
}

.gwt-DialogBox .dialogBottomCenter {
	background: url(../images/hborder.png) repeat-x 0px -4px;
	-background: transparent url(../images/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DialogBox .dialogMiddleLeft {
	background: url(../images/vborder.png) repeat-y;
	-background: transparent url(../images/vborder.png) repeat-y;
}

.gwt-DialogBox .dialogMiddleRight {
	background: url(../images/vborder.png) repeat-y -4px 0px;
	-background: transparent url(../images/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-DialogBox .dialogTopLeftInner {
	width: 5px;
	zoom: 1;
}

.gwt-DialogBox .dialogTopRightInner {
	width: 8px;
	zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

.gwt-DialogBox .dialogTopLeft {
	background: url(../images/corner.png) no-repeat -13px 0px;
	-background: transparent url(../images/corner_ie6.png) no-repeat -13px 0px;
	width: 5px;
}

.gwt-DialogBox .dialogTopRight {
	background: url(../images/corner.png) no-repeat -18px 0px;
	-background: transparent url(../images/corner_ie6.png) no-repeat -18px 0px;
	width: 8px;
}

.gwt-DialogBox .dialogBottomLeft {
	background: url(../images/corner.png) no-repeat 0px -15px;
	-background: transparent url(../images/corner_ie6.png) no-repeat 0px -15px;
}

.gwt-DialogBox .dialogBottomRight {
	background: url(../images/corner.png) no-repeat -5px -15px;
	-background: transparent url(../images/corner_ie6.png) no-repeat -5px -15px
		;
}

.gwt-MenuBarPopup {
	margin: 0px;
	z-index: 100;
}

.gwt-MenuBar .gwt-MenuItem-selected {
	background: #abcdf6;
}

.gwt-MenuBar-horizontal {
	background: none;
	border: none;
}

.gwt-MenuBar-horizontal .gwt-MenuItem {
	padding: 0px 10px;
	vertical-align: bottom;
	color: white;
}

.gwt-MenuBar-vertical .subMenuIcon {
	padding-right: 4px;
	vertical-align: middle;
}

.gwt-MenuBar-vertical .subMenuIcon-selected {
	vertical-align: middle;
	background: #abcdf6;
}

.gwt-PopupPanel {
	border: 1px solid black;
	padding: 3px;
	background: white;
	z-index: 100;
}

.gwt-PopupPanelGlass {
  background-color: #000;
  opacity: 0.4;
  filter: alpha(opacity=40);
  z-index: 10;
}

.gwt-DialogBox {
	z-index: 100;
}

.gwt-PushButton-up-hovering {
	border: 1px outset;
	border-color: #c5cde2 #69e #69e #7af;
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-down-hovering {
	border: 1px inset;
	border-color: #c5cde2 #69e #69e #7af;
	cursor: pointer;
	cursor: hand;
}

.gwt-TabBar {
	
}

.gwt-TabBar .gwt-TabBarFirst-wrapper {
	border-left: 1px solid #c5cde2;
}

.gwt-TabBar .gwt-TabBarFirst {
	display: none;
}

.gwt-TabBar .gwt-TabBarRest-wrapper {
	
}

.gwt-TabBar .gwt-TabBarRest {
	
}

.gwt-TabBar .gwt-TabBarItem {
	margin-left: 0px;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	cursor: hand;
	color: black;
	text-align: center;
	background: none;
	border-right: 1px solid #c5cde2;
	border-top: 1px solid #c5cde2;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	cursor: default;
	background: #dfeaf8 url(../images/header.png) repeat-x;
	border-right: 1px solid #c5cde2;
	border-top: 1px solid #c5cde2;
}

.gwt-TabBar .gwt-TabBarItem-disabled {
	cursor: default;
	color: #999999;
}

.gwt-TabPanel {
	table-layout: fixed;
}

.gwt-TabPanelBottom {
	border: 1px solid #c5cde2;
	padding: 0px;
	overflow: hidden;
	position: relative;
}

.gwt-ToggleButton-up-hovering {
	border: 1px outset;
	border-color: #c5cde2 #69e #69e #7af;
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-down-hovering {
	background-position: 0 -513px;
	border: 1px inset;
	border-color: #c5cde2 #69e #69e #7af;
	cursor: pointer;
	cursor: hand;
}

/* TREE */
.gwt-Tree .gwt-TreeItem {
	
}

.gwt-Tree .gwt-TreeItem-selected {
	
}

/* INPUT CONTROLS */
.gwt-TextBox,.gwt-PasswordTextBox,.gwt-ListBox,.gwt-TextArea,.gwt-DateBox,.stroom-DropDownTree {
	width: 200px;
	margin: 0px;
	padding: 1px;
	border: solid 1px #c5cde2;
	background-color: white;
	_background-color: white;
	outline: none !important;
}

.gwt-ListBox {
	padding: 0px;
}

.gwt-TextArea {
	resize: none;
	height: 80px;
}
textarea {
	resize: none;
	height: 80px;
}

/* .gwt-TextBox,.gwt-PasswordTextBox,.gwt-TextArea,.gwt-DateBox,.stroom-DropDownTree { */
/* 	padding: 1px; */
/* } */

.gwt-DatePicker {
	position: absolute;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
	cursor: default;
}
.dateBoxPopup {
    padding: 1px;
	z-index: 100;
}
.datePickerDay,.datePickerWeekdayLabel,.datePickerWeekendLabel {
	font-size: 13px;
	text-align: center;
	padding: 4px;
	outline: none;
}
td.datePickerMonth {
	text-align: center;
	vertical-align: center;
	white-space: nowrap;
	font-weight: 500;
}
td.datePickerMonth,
td.datePickerYear {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}
.datePickerPreviousButton,
.datePickerNextButton,
.datePickerPreviousYearButton,
.datePickerNextYearButton {
  font-size: 13px;
  line-height: 1em;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}


.gwt-ValueSpinner .arrows {
	width: 1px;
	height: 1px;
}

.gwt-ValueSpinner .textBox {
	height: 16px;
}

.gwt-ValueSpinner td {
	padding: 0px !important;
}

.gwt-ValueSpinner .textBox {
	text-align: right;
	border: 1px solid #c5cde2;
}

.gwt-SplitLayoutPanel-HDragger {
    background: none;
	cursor: col-resize;
}

.gwt-SplitLayoutPanel-VDragger {
    background: none;
	cursor: row-resize;
}

.gwt-SplitLayoutPanel-EAST,.gwt-SplitLayoutPanel-WEST,.gwt-SplitLayoutPanel-NORTH,.gwt-SplitLayoutPanel-SOUTH,.gwt-SplitLayoutPanel-CENTER
	{
	border: 1px solid #c5cde2;
}





.gwt-SuggestBox {
padding: 1px;
margin: 0px;
border: 1px solid #c5cde2;
}
.gwt-SuggestBoxPopup {
  margin-left: 0px;
  background-color: white;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  margin-left: -2px;
  margin-top: 1px;
  z-index: 100;
}
.gwt-SuggestBoxPopup .item {
  padding: 2px 3px;
  color: #424242;
  cursor: default;
}
.gwt-SuggestBoxPopup .item-selected {
  background: #b7d6f6;
}
.gwt-SuggestBoxPopup .suggestPopupContent {
  background: white;
}
.gwt-SuggestBoxPopup .suggestPopupTopCenter {
background: none;
}
.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
background: none;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
  background: none;
}
.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
background: none;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 0px;
  height: 0px;
  zoom: 1;
}
.gwt-SuggestBoxPopup .suggestPopupTopLeft {
background: none;
}
.gwt-SuggestBoxPopup .suggestPopupTopRight {
background: none;
}
.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
background: none;
}
.gwt-SuggestBoxPopup .suggestPopupBottomRight {
background: none;
}
* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 0px;
  height: 0px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 0px;
  height: 0px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 0px;
  height: 0px;
  overflow: hidden;
}
* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 0px;
  height: 0px;
  overflow: hidden;
}
